<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>列表样式</title>
    <style>
        ul>li{
            /*list-style:circle;    square  正方形  disc  实心圆   circle  空心圆   */
            list-style-image: url("image/开心image/manor-3.jpg");
            border: 2px solid green;
           list-style-position: outside;     /*前面的点在方框外还是里面*/
            background-image: url("image/开心image/manor-1.jpg");
        }
        div{
            background-image: url("image/开心image/manor-7.jpg");
            border: red 1px solid;
            width: 100px;
            height: 100px;
            background-repeat: no-repeat;
            background-position: 30px 30px;
            background-color: bisque;
        }


    </style>
</head>
<body>
<h2>古风其二十九·三季分战国</h2>
<h4>朝代：唐朝|作者：李白</h4>

<ul>
    <li>三季分战国，七雄成乱麻。</li>
    <li>王风何怨怒，世道终纷拏。</li>
    <li>至人洞玄象，高举凌紫霞。</li>
    <li>仲尼欲浮海，吾祖之流沙。</li>
    <li>圣贤共沦没，临岐胡咄嗟。</li>
</ul>

<div>

</div>
</body>
</html>